---
title: Ketten
description: Anpassen von Ketten
---

# Ketten

## Anpassen von Ketten

RainbowKit ist darauf ausgelegt, sich mit dem [wagmi `chain` Objekt](https://wagmi.sh/react/chains) zu integrieren. Schauen Sie sich die Liste der unterstützten Ketten [hier](https://wagmi.sh/react/chains#supported-chains) an.

### Anpassen der ursprünglichen Kette

Standardmäßig wird RainbowKit die erste an Wagmi gelieferte Kette verbinden. Dieses Verhalten kann über die `initialChain` Eigenschaft angepasst werden.

Die ursprüngliche Kette kann mit einer Ketten-ID konfiguriert werden.

```tsx
<RainbowKitProvider initialChain={1}>
```

Als praktische Lösung können Sie auch ein Kettenobjekt übergeben.

```tsx
<RainbowKitProvider initialChain={mainnet}>
```

### Benutzerdefinierte Kettenmetadaten

Mehrere Kettensymbole und Hintergründe werden standardmäßig bereitgestellt, aber Sie können das Symbol und den Hintergrund für jede Kette über die Eigenschaften `iconUrl` und `iconBackground` anpassen.

Beispiel mit `getDefaultConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});
```

Beispiel mit `createConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});
```
